<template>
    <div class="pwd-box">
        <div class="container flex ">
            <div class="w-50 mr-10 text-center">
                <img src="@/assets/img/weixin1.png"  class="w-30" alt="">
                <p class="text-base font-bold">绑定微信账号，登录更便捷</p>
                <div class="bg-orange-500 text-white cursor-pointer  text-center w-50" style="padding: 20px; margin-top: 50px;">
                    <a class=" ">立即绑定</a>
                </div>
            </div>
            <div class="w-50 text-center">
                <img src="@/assets/img/qq.png"  class="w-30 " alt="">
                <p class="text-base font-bold">绑定QQ账号，登录更便捷</p>
                <div class="bg-orange-500 text-white cursor-pointer  text-center w-50" style="padding: 20px; margin-top: 50px;">
                    <a class=" ">立即绑定</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
</script >
<style lang="less" scoped>
.pwd-box {
    padding: 20px;
    border: 1px solid #ddd;
}
</style>